
import { useEffect, useState } from "react"
import FloatListCard from "./floatList"
import { GetBargainProductPages } from '@/api/modules/home'
import useBottomFresh from "@/hooks/useBottomFresh"
import '../index.less'


const SecondKill = ({})=>{


  const {pageIdx , loading, isEnd , error , list , setPageIdx} = useBottomFresh(5 , GetBargainProductPages, {},'item')


  return(
    <FloatListCard title="狂欢节秒杀" moreRoute="" >
      {
        list.map((item:Object,idx:Number)=>{
          return (
            <div key={item.Id} className="killItem bg-slate-300">
              <div className="t1 text-center">已送{ item.SellCount + item.VirtualSellCount }</div>
              <img src={item.Img} alt="" />

              <div className="bg-red-600 text-white get">低价领取</div>
            </div>
          )
        })
      }
    </FloatListCard>
  )
}

export default SecondKill